@import '../_mixins';

@mixin overlay-shadow {
    @include shadow(0 6px 12px rgba(0,0,0,.175));
}

@mixin input-shadow() {
    @include shadow(inset 0 1px 1px rgba(0,0,0,.075));
}

@mixin focused-input() {
    border: 1px solid $inputFocusBorderColor;
    @include multi-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px 0 $inputFocusBorderColor);
}

@mixin overlay() {
    @include overlay-shadow();
    border: 1px solid $overlayBorderColor;
}